<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
	<link href="css/bootstrap.css" rel="stylesheet">
	<link rel="stylesheet" href="css/styles.css">
	<style>
	
		a:hover{text-decoration:none;}
				a.active{text-decoration:none;}
				html,body{height: 100%;margin: 0;}
				.row{margin-bottom: 10px}
		
				body{background: #f9f9f9;font-family: -apple-system,"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;}
				/* 导航栏 */
				.navbar-default {
    				background-color: #DEDEDE;
    			}
				.container {
					padding-right: 40px;
					padding-left: 40px;
				}
				.navbar-nav{
					margin-left: 20px;
				}
				/* 个人中心 */
				.btns {
					display: inline-block;
			line-height: 50px;
			font-size: 16px;
		}
		/* 个人中心位置 */
		.glyphicon {
			top: 13px;
		}
		a{
			color: #3d464e;
		}	
	</style>
	<base target="_parent">
<nav class="navbar navbar-default navbar-fixed-top header">
	<div class="container">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#header-navbar-collapse"
			aria-expanded="false">
				<span class="sr-only">大学课堂评价系统</span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>
			<a class="navbar-brand" href="index.html">
				<img src="img/BLACK.png">
			</a>
		</div>
		<div class="collapse navbar-collapse" id="header-navbar-collapse">
			<ul class="nav navbar-nav">
				<li class="">
					<a href="ClassInfoServlet?action=info">班级信息</a>
				</li>
				<li id="" class="">
					<!-- <li id="display"> -->
					<a href="GroupInfoServlet?action=info">学习小组</a>
				</li>
				<!-- <li id="" class="">
					<a href="tasks.html">小组信息</a>
				</li> -->
				<li class="bootcamp new-nav logo-1111">
				<%if(null != session.getAttribute("SESSION_TEACHER")){%>
					<a href="WorkInfoServlet?action=info">学习任务</a>
					<li>
					<a href="online.jsp">在线学生</a>
					</li>
					
				<%}else{%>	
					<%if(null != session.getAttribute("SESSION_USER")){%>
						<a href="EvaluateInfoServlet?action=info">小组任务</a>
					<%}%>
				<%}%>
				</li>
			</ul>
			<div class="navbar-right">
				<%if(null == session.getAttribute("SESSION_USER")){%>
					<a id="" class="btn btn-default navbar-btn sign-up" data-sign="signup" href="#sign-modal" data-toggle="modal">登录</a>
				<%}else{%>
					<a id="" href="LoginServlet?action=myInfo" class="btns"><span class="glyphicon glyphicon-user">个人中心</span></a>
				<%}%>
			</div>
			<form class="navbar-form navbar-right" action="" method="get" role="search">
				<div class="form-group">
					<input type="text" class="form-control" name="search" autocomplete="off" placeholder="搜索 任务/问答">
				</div>
			</form>
		</div>
	</div>
</nav>
<div class="modal fade" id="sign-modal" tabindex="-1" role="dialog">
	<div class="modal-dialog modal-sm" role="document">
		<div class="modal-content">
			<button type="button" class="close-modal" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			<div class="modal-body">
				<ul class="nav nav-tabs" role="tablist">
					<li role="presentation" class="active">
						<a href="#signin-form" aria-controls="signin-form" role="tab" data-toggle="tab">登录</a>
					</li>
				</ul>
				<div class="tab-content">
					<div role="tabpanel" class="tab-pane active" id="signin-form">
						<form action="LoginServlet" method="post">
							<div class="form-group">
								<div class="input-group">
									<div class="input-group-addon">
										<i class="fa fa-envelope" style="margin:0;"></i>
									</div>
									<input type="text" name="userID" class="form-control" placeholder="请输入账户(学号/工号)">
								</div>
							</div>
							<div class="form-group">
								<div class="input-group">
									<div class="input-group-addon">
										<i class="fa fa-lock" style="margin:0;"></i>
									</div>
									<input type="password" name="password" class="form-control" placeholder="请输入密码">
								</div>
							</div>
							<div class="form-group remember-login">
								<input name="rememberMe" type="checkbox" value="y"> 下次自动登录
								<a class="pull-right" href="">忘记密码？</a>
							</div>
							<div class="form-group">
								<input class="btn btn-primary" name="submit" type="submit" value="登录">
							</div>
							<div class="form-group error-msg">
								<div class="alert alert-danger" role="alert"></div>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/layui.all.js"></script>
